<template>
  <div id="mybottom" >
    <ul>
      
      <li id="Collection">
        <span></span>  <span>我的收藏</span>   <span id="right">></span>
      </li>
      <li>
       <span></span>  <span>优惠卷</span>  <span id="right">></span>
      </li>
      <li>
         <span></span> <span>积分</span>  <span id="right">></span>
      </li>
      <li>
         <span></span> <span>地址管理</span>  <span id="right">></span>
      </li>
      <li>
       <span></span> <span>浏览历史</span>   <span id="right">></span>
      </li>
      <li>
         <span> </span>    <span>给个好评</span>   <span id="right">></span>   
      </li>
       <li>   
      </li>
      <li>

      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
    
#mybottom{
  width: 100%;
  /* background-color: yellow; */
  font-size: 0.2rem;
  box-sizing: border-box;
  /* padding: 0rem 0.1rem 0rem 0.1rem; */
}
#mybottom ul li{
  box-sizing: border-box;
 padding: 0rem 0rem 0rem 0.1rem;
  height: 0.5rem;
  border-bottom: 1px solid black;
  line-height: 0.5rem;
  background-color: white;
}
#mybottom #right{
  float:right;
}
 #mybottom ul #Collection{
  margin: 0.1rem 0rem 0.1rem 0rem;
  border: none;
  
}
</style>>

